/*================�堺���桁���臀�================*/
html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
span,
i,
a,
em,
strong,
b,
input,
textarea,
select {
  margin: 0;
  padding: 0;
  outline: none;
}
i,
em {
  font-weight: normal;
  font-style: normal;
}
b {
  font-weight: normal;
}
a,
i,
em,
span,
b,
img {
  display: block;
}
body {
  font-family: "Microsoft Yahei";
}
li {
  list-style: none;
}
a,
img,
input {
  border: 0 none;
}
a {
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: none;
}
a:focus,
input:focus {
  outline: 0 none;
}
input::-webkit-search-cancel-button {
  display: �none;
}
/*羝��よ扱罩�羌頵�������search�����*/
input::-ms-clear {
  display: �none;
}
/*羝���IE筝����search�����*/
input {
  background: none;
}
button {
  border: none;
  cursor: pointer;
  outline: none;
}
textarea {
  resize: none;
  font-size: 12px;
}
/*�紙�������莪傑�羌頵�����Textarea�劫�絨阪�紊у�����*/
/*html5*/
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
  display: block;
}
.swiper-button-next,
.swiper-button-prev {
  outline: none;
}
/*========絎�箙��榊��桁�========*/
.hide {
  display: none;
}
.vis {
  visibility: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}
/*a��膈冗���hover蕭�篋��丞ず�倶��鐚��������*/
a .opacity {
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
}
a:hover .opacity {
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity: 0.8;
}
.swiper-pagination {
  font-size: 0;
}
.modal {
  display: none;
}
.over {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text_over1 {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text_over2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -ms-box;
  -ms-line-clamp: 2;
  -ms-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -o-box;
  -o-line-clamp: 2;
  -o-box-orient: vertical;
}
.text_over3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -ms-box;
  -ms-line-clamp: 3;
  -ms-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 3;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -o-box;
  -o-line-clamp: 3;
  -o-box-orient: vertical;
}
.text_over5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -ms-box;
  -ms-line-clamp: 5;
  -ms-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 5;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -o-box;
  -o-line-clamp: 5;
  -o-box-orient: vertical;
}
/*筝私�絎遵墾�桁�鐚��������絋����医�綺���遵��茹���篁ュ���w綣�紊器���･�隙�絎遵墾�井���箴�鐚�*/
.w1200 {
  width: 1200px;
  margin: 0px auto;
}
.w1400 {
  width: 72.91%;
  min-width: 1200px;
  margin: 0px auto;
}


.footer{padding-top: 28px; background: #fafafa;height: 425px;box-sizing: border-box;}

.footer .t{margin:0 0 0; position: relative;}

.footer .t i{position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background: #e4e7ea;}

.footer .t img{position: relative;z-index: 3; margin:0 auto;padding:0 20px;display: block; background: #fafafa;}





.footer .top{padding: 5px 0 22px; border-bottom: #e4e7ea 1px solid;}

.footer .top .list{margin-top: 44px; max-width: 322px;/* max-width: 403px; */}

.footer .top .list li{float: left;line-height: 47px;}

.footer .top .list li a{float: left; font-size: 16px;color: #868585;}

.footer .top .list li a:hover{color: #21529c;}

.footer .top .list li i{float: left;margin: 18px 24px 0;width: 1px;height: 15px;background: #c8ccce;}

/* .footer .top .list li:nth-child(1) a{width: 177px;text-align: right;}

 */



.footer .top .right{max-width: 750px;}

.footer .top .right b{margin-bottom: 20px; font-size: 18px;color: #333;}

.footer .top .right .fl{width: 303px;}

.footer .top .right .fl:nth-child(2n){width: 440px;}

.footer .top .right p{padding-left: 34px;line-height: 47px;font-size: 16px;color: #868585;}

.footer .bot{padding: 26px 0 30px;}

.footer .bot .left{ display: flex;line-height: 34px; font-size: 16px;color: #868585;}

.footer .bot .left a{color: #868585;}







.footer .bot .right .icon div.fl{position: relative;cursor: pointer;}

.footer .bot .right .icon i{width: 31px;height: 34px; background: url(../images/icon/icon_35.png) center no-repeat;}

.footer .bot .right .icon i:hover{background: url(../images/icon/icon_35s.png) center no-repeat;}

.footer .bot .right .icon div.fl:nth-child(2){margin: 0 26px;}

.footer .bot .right .icon div.fl:nth-child(2) i{background: url(../images/icon/icon_37.png) center no-repeat;}

.footer .bot .right .icon div.fl:nth-child(2):hover i{background: url(../images/icon/icon_37s.png) center no-repeat;}

.footer .bot .right .icon div.fl:nth-child(3) i{background: url(../images/icon/icon_36.png) center no-repeat;}

.footer .bot .right .icon div.fl:nth-child(3):hover i{background: url(../images/icon/icon_36s.png) center no-repeat;}



.footer .bot .right .icon .pos{transition: all 0.5s; position: absolute;left: -45px;bottom: 43px;width: 120px;height: 0px;overflow: hidden;}

.footer .bot .right .icon .pos img{width: 120px;height: 129px;}



.footer .bot .right .icon div.fl:hover .pos{height: 129px;}







.footer .bot .right .select{position: relative;z-index: 9; margin:0 26px 0 0;padding: 0 20px 0 0;border-bottom: #e4e7ea 1px solid; cursor: pointer;}

.footer .bot .right .select p{ padding-right: 20px;width: 200px; height: 33px;line-height: 33px; font-size: 16px;color: #868585; background: url(../images/icon/icon_58.png) right center no-repeat;}

.footer .bot .right .select .pos{display: none;max-height: 370px;overflow-y: auto; position: absolute;left: 0;bottom: 53px;border: #fff 1px solid;width: calc(100% - 22px);padding:20px 10px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}

.footer .bot .right .select .pos a{padding:5px 0 5px 2px;line-height: 30px;font-size: 16px;color: #666;}

.footer .bot .right .select .pos a:hover{color: #ff0000;}

.footer .bot .right .select.on p{background: url(../images/icon/icon_58s.png) right center no-repeat;}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 300px, 0);
    transform: translate3d(0, 300px, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,40%,0);
    -ms-transform: translate3d(0,40%,0);
    transform: translate3d(0,40%,0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.bic_gray{
    filter: grayscale(108%);
-webkit-filter: grayscale(100%);
-moz-filter grayscale(100%);
-ms-filter:grayscale(100%):
-o-filter:grayscale(100%);
filter:progid:DXImageTransform,Microsoft,BasicImage(grayscale=1):
-webkit-filter:grayscale(1);
}